<!--  -->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- 页面head信息 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8" />

<title>直播间</title>

<link href="css/bootstrap.min.css" media="screen" rel="stylesheet"
	type="text/css" />
<link href="css/font-awesome.css" media="screen" rel="stylesheet"
	type="text/css" />
<link href="css/css.css" media="screen" rel="stylesheet" type="text/css" />

<link href="css/style.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css"
	href="css/base.css~v=201703171416.css" />
<link rel="stylesheet" type="text/css"
	href="css/plugin.css~v=201703171416.css" />
<link rel="stylesheet" type="text/css"
	href="css/animate.css~v=201703171416.css" />
<link rel="stylesheet" type="text/css"
	href="css/component_pc.css~v=201703171416.css" />
<link rel="stylesheet" type="text/css"
	href="css/wqdhost.css~v=201703171416.css" />
<link rel="stylesheet" type="text/css"
	href="css/edit-mall.css~v=201703171416.css" />
<link rel="stylesheet" type="text/css" href="css/nanoscroller.css" />
<link rel="stylesheet" type="text/css" href="css/members.css" />
<link rel="stylesheet" type="text/css"
	href="css/wechat_login.css~v=201703171416.css" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="js/allocation.js"></script>
<script type="text/javascript" src="js/plugin/wqdformDate.js"></script>
<script type="text/javascript" src="js/jquery1.js"></script>
<link href="css/pingfen.css" type="text/css" rel="stylesheet" />
<style type="text/css">
input {
	width: 100%;
}

button {
	margin-top: 1em;
}

#publisher>h3 {
	text-align: center;
}

#status {
	color: blue;
	margin-bottom: 1em;
}

#publisher {
	outline: 1px dotted red;
}
</style>
<style>
* {
	margin: 0;
	padding: 0;
	list-style: none;
	outline-style: none;
}

.w500 {
	width: 500px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

.list {
	
}

.list li {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	line-height: 180%;
}

.send {
	padding: 10px 0;
}

.send textarea {
	width: 97%;
	border-radius: 5px;
	padding: 5px
}

.send a.btn {
	padding: 5px 20px;
	display: block;
	color: #fff;
	background: #ff4c51;
	border-radius: 3px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	float: left;
	margin-top: 5px;
}

.send a.btn:hover {
	background: #c53d41;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.send .faces {
	width: 25px;
	height: 25px;
	display: block;
	float: right;
	background-image: url(images/faces.png);
	background-position: 0 0;
	margin-right: 5px;
	margin-top: 5px;
}

.send .on {
	background-position: left bottom;
}

.face {
	overflow: hidden;
	display: none;
}

.face li {
	width: 22px;
	height: 22px;
	margin: 3px;
	float: left;
}
</style>
<style type="text/css">
/*播放器样式*/
.video_player {
	height: 400px;
}

.video_list_area {
	width: 700px;
}

ul.video_list {
	margin: 7px 0px 0px 0;
	height: 107px;
	list-style: none;
	border-bottom: 10px solid #dcdcdc;
}

ul.video_list li {
	float: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
}

ul.video_list li a {
	display: inline-block;
	padding: 14px 15px;
	margin-right: 7px;
	width: 140px;
	height: 72px;
	color: #fff;
	background-color: #7e2d2d;
}

ul.video_list li.last a {
	margin-right: 0;
}

ul.video_list li a:hover, ul.video_list li a.on {
	color: #fff;
	background-color: #c12e2e;
}

#ascrail2000-hr div {
	margin-left: 0;
}

.center {
	width: 700px;
	margin: 20px auto;
}
/*播放器样式*/
</style>
<script type="text/javascript">
	window.onload = function() {

		var oStar = document.getElementById("star");
		var aLi = oStar.getElementsByTagName("li");
		var oUl = oStar.getElementsByTagName("ul")[0];
		var oSpan = oStar.getElementsByTagName("span")[1];
		var oP = oStar.getElementsByTagName("p")[0];
		var i = iScore = iStar = 0;
		var aMsg = [ "很不满意|很不满意", "不满意|不满意", "一般|一般", "满意|满意", "非常满意|非常满意" ]

		for (i = 1; i <= aLi.length; i++) {
			aLi[i - 1].index = i;

			//鼠标移过显示分数
			aLi[i - 1].onmouseover = function() {
				fnPoint(this.index);

			};

			//鼠标离开后恢复上次评分
			aLi[i - 1].onmouseout = function() {
				fnPoint();

			};

			//点击后进行评分处理
			aLi[i - 1].onclick = function() {
				iStar = this.index;
				oP.style.display = "none";
				oSpan.innerHTML = "<strong>" + (this.index) + " 分</strong> ("
						+ aMsg[this.index - 1].match(/\|(.+)/)

[1] + ")"
			}
		}

		//评分处理
		function fnPoint(iArg) {
			//分数赋值
			iScore = iArg || iStar;
			for (i = 0; i < aLi.length; i++)
				aLi[i].className = i < iScore ? "on" : "";
		}

	};
</script>
</head>
<body class="">
	<!-- Copyright � 2005. Spidersoft Ltd -->
	<style>
A.applink:hover {
	border: 2px dotted #DCE6F4;
	padding: 2px;
	background-color: #ffff00;
	color: green;
	text-decoration: none
}

A.applink {
	border: 2px dotted #DCE6F4;
	padding: 2px;
	color: #2F5BFF;
	background: transparent;
	text-decoration: none
}

A.info {
	color: #2F5BFF;
	background: transparent;
	text-decoration: none
}

A.info:hover {
	color: green;
	background: transparent;
	text-decoration: underline
}
</style>
	<!-- 页面主体内容  -->
	<div class="wqdView wqdHeaderView">
		<style type="text/css" id="styleCss" uw="1200">
.wqdAreaView .wqdSectiondiv {
	min-width: 1200px;
}

.wqdAreaView .wqdBkEditos {
	width: 1200px;
}

.fullscreen .bannerContainer {
	margin: 0 auto;
	width: 1200px !important;
}
</style>
		<div class="wqdAreaView">
			<div class="yzmoveContent">
				<div class="wqdSectiondiv" data-type="wqdSectiondiv" sortid="6"
					partid="wqd1450836260558serial" commonpartid="10646"
					id="wqd1450836260558serial" sectionname="导航" partcategoryid="21"
					style="background: 50% 50% no-repeat scroll 

rgb(255, 255, 255);"
					wqdback_position="1">
					<style type="text/css" class="elementId1453185022362">
#elementId1453185022362 a em {
	color: #666;
}

#elementId1453185022362 a {
	background-color: #ffffff;
}

#elementId1453185022362 .on:hover {
	background-color: #f6ba00;
}

#elementId1453185022362 .on:hover em {
	color: #ffffff;
}
</style>
					<style type="text/css" class="elementId1451034552980"
						sectionwidth="1200">
#elementId1451034552980 .on:hover {
	background-color: #0367b3;
	border-color: rgba(212, 136, 76, 0);
}

#elementId1451034552980 .on:hover em {
	color: #ffffff;
}

#elementId1451034552980 a em {
	color: #666;
}

#elementId1451034552980 a {
	background-color: rgba(255, 255, 255, 0);
}
</style>
					<style type="text/css" class="elementId1451034493389"
						sectionwidth="1200">
#elementId1451034493389 a em {
	color: #666;
}

#elementId1451034493389 a {
	background-color: rgba(255, 255, 255, 0);
}

#elementId1451034493389 .on:hover {
	background-color: #0367b3;
	border-color: rgba(212, 136, 76, 0);
}

#elementId1451034493389 .on:hover em {
	color: #ffffff;
}
</style>
					<style type="text/css" class="elementId1451034260575"
						sectionwidth="1200">
#elementId1451034260575 a {
	background-color: #ffffff;
}

#elementId1451034260575 a em {
	color: #666;
}

#elementId1451034260575 .on:hover em {
	color: #ffffff;
}

#elementId1451034260575 .on:hover {
	background-color: #f6ba00;
	border-color: rgba(212, 136, 76, 0);
}
</style>
					<style type="text/css" class="elementId1451034161235"
						sectionwidth="1200">
#elementId1451034161235 a {
	background-color: #ffffff;
}

#elementId1451034161235 a em {
	color: #666;
}

#elementId1451034161235 .on:hover {
	background-color: #f6ba00;
	border-color: rgba(212, 136, 76, 0);
}

#elementId1451034161235 .on:hover em {
	color: #ffffff;
}
</style>
					<style type="text/css" class="elementId1451033596704"
						sectionwidth="1200">
#elementId1451033596704 .on:hover {
	background-color: #0367b3;
}

#elementId1451033596704 a em {
	color: #666666;
}

#elementId1451033596704 a {
	background-color: rgba(255, 255, 255, 0);
}

#elementId1451033596704 .on:hover em {
	color: #ffffff;
}
</style>
					<style type="text/css" class="wqd1450836260558serial"
						sectionwidth="1200">
#wqd1450836260558serial:before {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
}
</style>
					<style type="text/css" class="elementId1449889646847"
						sectionwidth="1200">
#elementId1449889646847 .wqdNavList li a {
	background-color: #ffffff;
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 22px;
	padding-bottom: 22px;
	color: #444444;
	font-weight: 400;
}

#elementId1449889646847 .wqdNavList li a:hover {
	background-color: #ffffff;
	color: #f6ba00;
}

#elementId1449889646847 .wqdNavList li.active a {
	background-color: #ffffff;
	color: #f6ba00;
}
</style>
					<style type="text/css" class="elementid14510338704470"
						sectionwidth="1200">
#elementid14510338704470 .on:hover {
	background-color: #ffa45b;
}

#elementid14510338704470 .on:hover em {
	color: #ffffff;
}

#elementid14510338704470 a {
	background-color: #ffffff;
}

#elementid14510338704470 a em {
	color: #666;
}
</style>
					<style type="text/css" class="elementid14510339001510"
						sectionwidth="1200">
#elementid14510339001510 .on:hover {
	background-color: #ffa45b;
}

#elementid14510339001510 .on:hover em {
	color: #ffffff;
}

#elementid14510339001510 a {
	background-color: #ffffff;
}

#elementid14510339001510 a em {
	color: #666;
}
</style>
					<style type="text/css" class="elementid14510339181760"
						sectionwidth="1200">
#elementid14510339181760 .on:hover {
	background-color: #ffa45b;
}

#elementid14510339181760 .on:hover em {
	color: #ffffff;
}

#elementid14510339181760 a {
	background-color: #ffffff;
}

#elementid14510339181760 a em {
	color: #666;
}
</style>
					<style type="text/css" class="elementid14510342201550"
						sectionwidth="1200">
#elementid14510342201550 a {
	background-color: #ffffff;
}

#elementid14510342201550 a em {
	color: #666;
}

#elementid14510342201550 .on:hover {
	background-color: #f6ba00;
	border-color: rgba(212, 136, 76, 0);
}

#elementid14510342201550 .on:hover em {
	color: #ffffff;
}
</style>
					<style type="text/css" class="elementid14510343828290"
						sectionwidth="1200">
#elementid14510343828290 a {
	background-color: #ffffff;
}

#elementid14510343828290 a em {
	color: #666;
}

#elementid14510343828290 .on:hover {
	background-color: #f6ba00;
	border-color: rgba(212, 136, 76, 0);
}

#elementid14510343828290 .on:hover em {
	color: #ffffff;
}
</style>
					<style type="text/css" class="elementid14510344080110"
						sectionwidth="1200">
#elementid14510344080110 a {
	background-color: #ffffff;
}

#elementid14510344080110 a em {
	color: #666;
}

#elementid14510344080110 .on:hover {
	background-color: #f6ba00;
	border-color: rgba(212, 136, 76, 0);
}

#elementid14510344080110 .on:hover em {
	color: #ffffff;
}
</style>
					<style type="text/css" class="elementid14510344179510"
						sectionwidth="1200">
#elementid14510344179510 a {
	background-color: #ffffff;
}

#elementid14510344179510 a em {
	color: #666;
}

#elementid14510344179510 .on:hover {
	background-color: #f6ba00;
	border-color: rgba(212, 136, 76, 0);
}

#elementid14510344179510 .on:hover em {
	color: #ffffff;
}
</style>
					<style type="text/css" class="elementid14510345970660"
						sectionwidth="1200">
#elementid14510345970660 .on:hover {
	background-color: #0367b3;
	border-color: rgba(212, 136, 76, 0);
}

#elementid14510345970660 .on:hover em {
	color: #ffffff;
}

#elementid14510345970660 a em {
	color: #666;
}

#elementid14510345970660 a {
	background-color: rgba(255, 255, 255, 0);
}
</style>
					<style type="text/css" class="elementid14510355939220"
						sectionwidth="1200">
#elementid14510355939220 .on:hover {
	background-color: #f6ba00;
}

#elementid14510355939220 .on:hover em {
	color: #ffffff;
}

#elementid14510355939220 a {
	background-color: #ffffff;
}

#elementid14510355939220 a em {
	color: #666;
}
</style>
					<style type="text/css" class="elementid14510356554350"
						sectionwidth="1200">
#elementid14510356554350 .on:hover {
	background-color: #f6ba00;
}

#elementid14510356554350 .on:hover em {
	color: #ffffff;
}

#elementid14510356554350 a {
	background-color: #ffffff;
}

#elementid14510356554350 a em {
	color: #666;
}
</style>
					<style type="text/css" class="elementid14525666316770">
#elementid14525666316770 a {
	background-color: #0099ff;
}

#elementid14525666316770 a em {
	color: #ffffff;
}
</style>
					<style type="text/css" class="elementid14531855272370">
#elementid14531855272370 a em {
	color: #666;
}

#elementid14531855272370 a {
	background-color: #ffffff;
}

#elementid14531855272370 .on:hover {
	background-color: #f6ba00;
}

#elementid14531855272370 .on:hover em {
	color: #ffffff;
}
</style>
					<style type="text/css" class="elementid14531855881090"
						sectionwidth="1200">
#elementid14531855881090 .on:hover {
	background-color: #f6ba00;
	border-color: rgba(212, 136, 76, 0);
}

#elementid14531855881090 .on:hover em {
	color: #ffffff;
}

#elementid14531855881090 a {
	background-color: #ffffff;
}

#elementid14531855881090 a em {
	color: #666;
}
</style>
					<style type="text/css" class="elementid14531856233720">
#elementid14531856233720 a em {
	color: #666;
}

#elementid14531856233720 a {
	background-color: #ffffff;
}

#elementid14531856233720 .on:hover {
	background-color: #f6ba00;
}

#elementid14531856233720 .on:hover em {
	color: #ffffff;
}
</style>



					<header
						class="wqdTopNavWrap wqdBkEditos 

sectionV2 elementsContainer wqdCommonNav"
						wqd-bgcolor="rgba(240,240,240,0.6)"
						style="position: relative; height: 

100px;" wqdheight="100"
						data-maxzindex="9" bac_position="5" wqdbgattachment="0"
						wqdwidthlimit="0" sectionwidth="1200" wqdnavstickyed="on"
						wqdbgcolor="#ffffff">
						<div class="wqdelementEdit" data- elementtype="img"
							data-elemandgroup="true"
							style="width: 200px; height: 

46px; left: 0px; top:24px; z-index: 1;"
							elementid="elementId1449888900593" id="elementId1449888900593"
							data-zindex="1">
							<div class="wqdelementEditBox">
								<img class="wqd-img" style="width:80%;" src="images/logo.png"
									ondragstart="return false;" />
							</div>
						</div>
						<div class="wqdelementEdit 

elementsContainer wqdTopNavbox"
							wqd-textcolor="#444444" wqd- texthovercolor="#f6ba00"
							wqdpaddingx="18" wqdpaddingy="22" wqdfontsize="14"
							data-elementtype="firstNav" data-unused="set,copy"
							data-elemandgroup="true"
							style="width: 767px; height: 

60px; left: 354px; top: 20px; z-index: 2;"
							elementid="elementId1449889646847" id="elementId1449889646847"
							data-zindex="2" wqd- menucolor="#ffffff"
							wqd-menuhovercolor="#ffffff">
							<div class="wqdelementEditBox">
								<nav class="wqdNavWrap">
									<ul class="wqdNavList">
										<li class="wqdNavLi" wqdnavmark="mark1451037581801"><a
											homepage="true" pageid="162169" categorylink="2"
											href="home.html">首页</a></li>
										<li class="wqdNavLi" wqdnavmark="mark1451034041989"><a
											href="course.html" categorylink="2" pageid="163972">视频直播</a></li>
										<li class="wqdNavLi" wqdnavmark="mark1451034149765"><a
											categorylink="3" href="mypage.html" target="_blank">我的主页</a></li>
										<li class="wqdNavLi" wqdnavmark="mark1450836585234"><a
											pageid="167302" categorylink="2" href="">未命名</a></li>
										<li class="wqdNavLi" wqdnavmark="mark1451034548711"><a
											pageid="172233" categorylink="2" href="">未命名</a></li>
										<li class="wqdNavLi" wqdnavmark="mark1451035432435"><a
											pageid="170434" categorylink="2" href="">未命名</a></li>
										<li wqdnavmark="mark1453184901184" class="wqdNavLi"><a
											href="" categorylink="2" pageid="162665">未命名</a></li>
									</ul>
								</nav>
							</div>
						</div>
						<div class="wqdelementEdit" data- elementtype="button"
							data-elemandgroup="true" elementid="elementid14525666316770"
							id="elementid14525666316770" data-zindex="9"
							style="width: 80px; height: 

38px; left: 999px; top: 31px; z-index: 9;"
							wqdhref="3" wqdheight="5" wqdborderradius="5" wqdcolor="#ffffff"
							wqdbgcolor="#f6ba00" wqdbordercolor="rgb(255, 255, 255)"
							wqdon="false" targetnew="ture">
							<div class="wqdelementEditBox">
								<a class="wqd-button 

wqdComponentBtn1" wqdbtnborder="false"
									ondragstart="return false;" style="border-radius: 5px;"
									href="denglu.html" target="_blank"><em
									style="font-

style: italic;">登陆</em></a>
							</div>
						</div>
						<div class="wqdelementEdit" data- elementtype="button"
							data-elemandgroup="true" elementid="elementid14525666316770"
							id="elementid14525666316770" data-zindex="9"
							style="width: 80px; height: 

38px; left: 1111px; top: 31px; z-index: 9;"
							wqdhref="3" wqdheight="5" wqdborderradius="5" wqdcolor="#ffffff"
							wqdbgcolor="#f6ba00" wqdbordercolor="rgb(255, 255, 255)"
							wqdon="false" targetnew="ture">
							<div class="wqdelementEditBox">
								<a class="wqd-button 

wqdComponentBtn1" wqdbtnborder="false"
									ondragstart="return false;" style="border-radius: 5px;"
									href="zhuce.html" target="_blank"><em
									style="font-

style: italic;">注册</em></a>
							</div>
						</div>
					</header>
				</div>
			</div>
		</div>
	</div>
	<div style="margin-left:220px">

		<!-- 播放器 -->
		<div class="container">


			<div class="row">
				<div id="status" class="col-md-12"></div>
			</div>

			<div class="row">

				<div class="col-md-7">
					<form id="publisher-inputs" class="form-horizontal">
						<div class="control-group advanced" style="display: none;">
							<label class="control-label" for="serverUrl">RTMP PUBLISH
								URL:</label>
							<div class="controls">
								<input type="text" id="serverUrl" name="serverUrl"
									value="rtmp://w.gslb.lecloud.com/live/2017050530000015a99?sign=b4248520b75fb6d173209746f19f55a6&tm=20170505191724">
							</div>
						</div>

						<div class="control-group advanced" style="display: none;">
							<label class="control-label" for="streamName">Stream Name</label>
							<div class="controls">
								<input type="text" id="streamName" name="streamName"
									value="2017050530000015a99?sign=b4248520b75fb6d173209746f19f55a6&tm=20170505191724">
							</div>
						</div>

						<div class="control-group advanced" style="display: none;">
							<label class="control-label" for="playUrl">RTMP PLAY URL:</label>
							<div class="controls">
								<input type="text" id="playUrl" name="playUrl" value="">
							</div>
						</div>

						<div class="control-group" style="display: none;">
							<label class="control-label" for="streamKey">Audio Type</label>
							<div class="controls">
								<select id="audioCodec" name="audioCodec">

									<option value="NellyMoser" selected>NellyMoser</option>
								</select>
							</div>
						</div>

						<div class="control-group" style="display: none;">
							<label class="control-label" for="resolution">Resolution</label>
							<div class="controls">
								<div class="row">
									<div class="col-md-4">
										<input type="text" id="streamWidth" name="streamWidth"
											value="1280">
									</div>
									<div class="col-md-2">x</div>
									<div class="col-md-4">
										<input type="text" id="streamHeight" name="streamHeight"
											value="720">
									</div>
									<div class="col-md-2">pixels</div>
								</div>
							</div>
						</div>

						<div class="control-group" style="display: none;">
							<label class="control-label" for="videoSettings">Video
								Settings</label>
							<div class="controls">
								<div class="row">
									<div class="col-md-4">
										<input type="text" id="streamFPS" name="streamFPS" value="30">
									</div>
									<div class="col-md-8">fps</div>
								</div>

								<div class="row" style="display: none;">
									<div class="col-md-4">
										<input type="text" id="keyFrameInterval"
											name="keyFrameInterval" value="3">
									</div>
									<div class="col-md-8">seconds (keyframe interval)</div>
								</div>

								<div class="row" style="display: none;">
									<div class="col-md-4">
										<input type="text" id="bandwidth" name="bandwidth"
											value="1500">
									</div>
									<div class="col-md-8">Kbps</div>
								</div>

								<div class="row" style="display: none;">
									<div class="col-md-4">
										<input type="text" id="videoQuality" name="videoQuality"
											value="75">
									</div>
									<div class="col-md-8">% (quality)</div>
								</div>
							</div>
						</div>

						<div class="control-group"
							style="margin-left:140px;margin-bottom:20px">
							<div class="controls">
								<button class="col-md-3 btn btn-success start-btn">Start</button>
								<button
									class="col-md-3 col-md-offset-1 btn btn-info preview-

btn">Preview</button>
								<button
									class="col-md-3 col-md-offset-1 btn btn-danger stop-

btn">Stop</button>
							</div>
						</div>

					</form>

					<div class="col-md-7 col-md-offset-1"
						style="margin-left:120px;margin-top:20px">
						<!-- <h2>Publisher</h2> -->
						<div id="publisher">
							<h3>
								If your browser supports streaming, you'll<br>see the
								recorded video here.
							</h3>
						</div>
					</div>

				</div>

			</div>

		</div>

	</div>

	<script src="js/jquery.min.js"></script>
	<script src="js/swfobject.js"></script>
	<script src="js/nePublisher.min.js"></script>

	<script type="text/javascript">

      function startPublishing(event){
        if(event){ event.preventDefault();}
        console.log("starting")
        var
          publisher = $('#publisher')[0]
          , options = getOptions()

        publisher.setOptions(options)
        publisher.start()
      }

      function getOptions(){
        var
          $form = $('form#publisher-inputs')
          , fps = parseInt($form.find('#streamFPS').val())
          , intervalSecs = parseInt($form.find('#keyFrameInterval').val());

        return {
              serverURL: $form.find('#serverUrl').val()
            , streamName: $form.find('#streamName').val()
            , streamKey: $form.find('#streamKey').val()
            , audioCodec: $form.find('#audioCodec').val()
            , streamWidth: parseInt($form.find('#streamWidth').val())
            , streamHeight: parseInt($form.find('#streamHeight').val())
            , streamFPS: fps
            , keyFrameInterval: fps * intervalSecs
            , bandwidth: parseInt($form.find('#bandwidth').val()) * 1024 * 8
            , videoQuality: parseInt($form.find('#videoQuality').val())
            , embedTimecode: true
            , timecodeFrequency: 1000
          }
      }


    $(function() {

      var swfVersionStr = "11.4.0"
        , xiSwfUrlStr = null //"playerProductInstall.swf"
        , flashvars = {}
        , params = {}
        , attributes = {}

      params.allowscriptaccess = "sameDomain"
      params.allowfullscreen = "true"
      attributes.id = "publisher"
      attributes.name = "Publisher"
      attributes.align = "middle"
      swfobject.embedSWF(
        "assets/publisher/publisher.swf", "publisher", "640", "400",
        swfVersionStr, xiSwfUrlStr,
        flashvars, params, attributes,
        function(embedEvent) {
          if (embedEvent.success) {
            
            setTimeout(function() {
              embedEvent.ref.setOptions({
                jsLogFunction: "console.log",
                jsEmitFunction: "handleEmit" }
              )
            }, 2000)
            updateStatus("Configure your stream, then press start.")
          }
        }
      )

      $('.start-btn').on('click', function(event) {
        startPublishing(event);
      })

      $('.preview-btn').on('click', function(event) {
        event.preventDefault()
        var
          publisher = $('#publisher')[0],
          options = getOptions()

        publisher.setOptions(options)
        publisher.preview()
      })

      $('.stop-btn').on('click', function(event) {
        event.preventDefault()
        var publisher = $('#publisher')[0]
        publisher.stop()
      })

    });

    </script>


	<!-- 播放器 -->
	</div>

	<div class="list w500"
		style="width:700px;margin-top:50px;margin-bottom:100px">
		<a href="#" class="list-group-item">
			<p class="list-group-item-text">勤学好问的好学生

				&nbsp;&nbsp;&nbsp;2017-4-17 20:11</p>
			<h4 class="list-group-item-heading"
				style="margin-top:20px;margin-bottom:10px">静态方法和普 通方法的区别？</h4>
		</a> <a href="#" class="list-group-item">
			<p class="list-group-item-text">啥也不懂&nbsp;&nbsp;&nbsp;2017 -4-17
				20:11</p>
			<h4 class="list-group-item-heading"
				style="margin-top:20px;margin-bottom:10px">什么是全局变 量？</h4>
		</a> <a href="#" class="list-group-item">
			<p class="list-group-item-text">java小王子

				&nbsp;&nbsp;&nbsp;2017-4-17 20:11</p>
			<h4 class="list-group-item-heading"
				style="margin-top:20px;margin-bottom:10px">不懂父类的对 象指向子类的引用</h4>
		</a>
	</div>



	<div class="face w500"></div>
	<div class="wqdView wqdFooterView">
		<div class="wqdAreaView">
			<div class="yzmoveContent">
				<div class="wqdSectiondiv" data-type="wqdSectiondiv" sortid="9"
					partid="wqd1452839866455serial" commonpartid="10549"
					id="wqd1452839866455serial" sectionname="页脚" partcategoryid="12"
					style="background-attachment: scroll;">
					<style type="text/css" class="elementId1452841412861">
#elementId1452841412861 .wqd-line {
	border-top-color: #3d3e3e !important;
}
</style>
					<style type="text/css" class="wqd1452839866455serial">
#wqd1452839866455serial:before {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #262626;
}
</style>
					<section
						class="wqd1447765808456css wqdBkEditos 

sectionV2 moveMainArea elementsContainer"
						style="height: 200px; margin: 0px auto; 

position: relative;"
						data-maxzindex="9" sectionwidth="1200" wqdheight="550"
						bac_position="1" wqdbgattachment="0" wqdwidthlimit="0"
						wqdbgcolor="#262626">
						<div class="wqdelementEdit" data- elementtype="text"
							data-elemandgroup="true" elementid="elementid14528414676440"
							id="elementid14528414676440" data-zindex="2"
							style="width: 1196px; height: 

40px; left: 10px; top: 160px; z-index: 2;">
							<div class="wqdelementEditBox" data-emptytexttemplate="title4"
								style="visibility: 

visible;">
								<i
									style="text-

align: center; display: block; font-style: normal;"><font
									color="#cccccc">版权所有 &copy; 2017 e-Live工作室 保留所有权利</font></i>
							</div>
						</div>
						<div class="wqdelementEdit" data- elementtype="img"
							data-elemandgroup="true"
							style="width: 200px; height: 

120px; left: 42%; top: 50px; z-index: 6;"
							elementid="elementId1452840988178" id="elementId1452840988178"
							data-zindex="6">
							<div class="wqdelementEditBox">
								<img class="wqd-img" src="images/logo.png"
									ondragstart="return false;" />
							</div>
						</div>
					</section>
				</div>
			</div>
		</div>
	</div>

</body>
</html>
